@import url("../tool/varibles.css");
/* lg */
@media (min-width: 1200px) {
.readBox img{
    width:25%;
}
}
/* md */
@media (min-width: 992px) and (max-width: 1199px) {
/*案例列表*/
    /*标题*/
    .example .example-banner{
        height: 250px;
        padding: 11% 0;
    }
    /*列表*/
    .example .example-list h3{
        font-size: 22px;
    }
/*案例列表*/
    .readBox img{
        width:25%;
    }
}
/* sm */
@media (min-width: 768px) and (max-width: 991px) {
    .example{
        padding-bottom: 20px;
    }
/*案例列表*/
    /*标题*/
    .example .example-banner{
        height: 200px;
        padding: 11% 0;
        margin: 10px 0;
    }
    .example .example-banner h1{
        font-size: 32px;
    }
    /*列表*/
    .example .example-list h3{
        height:2.5em;
        line-height: 1.25;
        font-size: 22px;
    }
    .example .example-title .title-l{
        font-size: 22px;
    }
    .example .example-list .arrBox{
        margin-bottom: 10%;
    }
    .example .example-list .example-content{
        font-size: 14px;
    }
/*案例列表*/
    /*案例详情*/
    .example-detail h1{
        font-size: 34px;
    }
    .example-detail .example-number{
        font-size: 28px;
        margin-bottom: 0;
    }
    .example-detail .example-content p, .example-detail .read-msg p{
        font-size: 16px;
    }
    .readBox img{
        width:30%;
    }
    /*案例详情*/
}
/* xs */
@media (max-width: 767px) {
    .example{
        padding-bottom: 10px;
    }
    .example .example-banner{
        height: 150px;
        padding: 14% 0;
        margin: 10px 0;
    }
    .example .example-banner h1{
        font-size:28px;
    }
    /*列表*/
    .example .example-list .imgBox img{
        width:100%;
    }
    .example .example-title .title-l{
        font-size: 20px;
    }
    .example .example-list h3{
        height:100%;
        font-size: 20px;
        margin:1% 0;
    }
    .example .example-list .example-content{
        margin:2% 0;
        font-size: 14px;
    }
    .example .example-list .arrBox{
        margin-bottom: 0;
    }
    /*案例详情*/
    .example-detail h1{
        font-size: 30px;
    }
    .example-detail .example-number{
        font-size: 24px;
        margin-bottom: 0;
    }
    .example-detail .example-content p, .example-detail .read-msg p{
        font-size: 16px;
    }
    .readBox img{
        width:40%;
    }
    .btnBox .return{
        margin: 15px 0;
    }
    /*案例详情*/
}
/* XS Portrait */
@media (max-width: 479px) {
    .example .example-banner{
        height: 120px;
        padding: 15% 0;
        margin: 10px 0;
    }
    .example .example-banner h1{
        font-size:22px;
    }
/*列表*/
    .example .example-title .title-l{
        font-size: 18px;
    }
    .example .example-list h3{
        height:100%;
        font-size: 18px;
        margin:1% 0;
    }
    .example .example-list .example-content{
        margin:2% 0;
        font-size: 12px;
    }
    .example .example-list .arrBox{
        margin-bottom: 0;
    }
    /*案例详情*/
    .example-detail h1{
        font-size: 28px;
    }
    .example-detail .example-number{
        font-size: 22px;
        margin-bottom: 0;
    }
    .readBox img{
        width:65%;
    }
    .example-detail .example-content p, .example-detail .read-msg p{
        font-size: 14px;
    }
    /*案例详情*/
}
@media (max-width: 350px){

}
